@layout("/common/_container.html",{js:["/assets/order/orderOutcountXlb/orderOutcountXlb.js"]}){
<script type="text/javascript">
	window._AMapSecurityConfig = {
		securityJsCode: "dba528dcd7d571a231a330b532a6cf61",
	};
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=4fbb5ae31246fb4337678f7649c87b1b"></script>
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>

<div class="layui-body-header">
    <span class="layui-body-header-title">新零帮出库汇总管理</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
               		<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
               			<ul class="layui-tab-title">
               				<li class="layui-this">排车</li>
               				<li>排车查询</li>
               			</ul>
               			<div class="layui-tab-content">
               				<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
									        <button id="xuanzecar" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe716;</i>选择车辆</button>
							            </div>
							            <div class="layui-inline">
							                <input id="storehouseName" class="layui-input" type="text" hidden placeholder="发货仓库名称"/>
							            </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="dataDt" class="layui-input" autocomplete="off" type="text" placeholder="数据日期"/>
					                    </div>
							            <div class="layui-inline">
							                <input id="clientName" class="layui-input" type="text" placeholder="客户名称"/>
							            </div>
										<div class="layui-inline">
											<input id="sheng" class="layui-input" type="text" placeholder="省"/>
										</div>
										<div class="layui-inline">
											<input id="shi" class="layui-input" type="text" placeholder="市"/>
										</div>
										<div class="layui-inline">
											<input id="qu" class="layui-input" type="text" placeholder="区"/>
										</div>
							            <div class="layui-inline">
							                <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
											@if(shiro.hasPermission("/orderOutcountXlb/pullxlboutorder")){
											<button id="pullxlboutorder" class="layui-btn icon-btn"><i class="layui-icon">&#xe601;</i>拉取新零帮出库申请单</button>
											@}
											<!--							                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>-->
							            </div>
										<br>
										<div class="layui-inline">
											<button id="xuanzecarMap" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe67a;</i>地图标点</button>
											<button id="clearMarket" class="layui-btn layui-bg-orange icon-btn"><i class="layui-icon">&#xe6c9;</i>清空标点</button>
										</div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;">
										    	<legend>累计选择体积：<span id="volume">0</span></legend>
										  	</fieldset>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" hidden style="margin-top: 0px;">
										    	<legend>累计选择换算数量：<span id="matrixingNumber">0</span></legend>
										  	</fieldset>
							            </div>
			                        </div>
			                    </div>
								<!--地图-->
								<div id="view-zong">
									<div id="view-left">
										<table class="layui-table" id="orderOutcountXlbTable" lay-filter="orderOutcountXlbTable"></table>
									</div>
									<div id="view-right">
										<!--地图-->
										<div id="container"></div>
									</div>
								</div>
							</div>
               				<div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
							                <input id="storeName2" class="layui-input" type="text" placeholder="发货门店"/>
							            </div>
					                    <div class="layui-inline">
					                        <select id="carrierId2">
					                            <option value="">选择承运商</option>
					                            @for(item in carrierlist!){
					                            <option value="${item.id}">${item.carrierName}</option>
					                            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="startTime2" class="layui-input" autocomplete="off" type="text" placeholder="配送日期从"/>
					                    </div>
			                            <div class="layui-inline">
			                            	一
			                            </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="endTime2" class="layui-input" autocomplete="off" type="text" placeholder="配送日期至"/>
					                    </div>
							            <div class="layui-inline">
							                <input id="clientName2" class="layui-input" type="text" placeholder="客户名称"/>
							            </div>
							            <div class="layui-inline">
							                <input id="condition2" class="layui-input" type="text" placeholder="关键词"/>
							            </div>
							            <div class="layui-inline">
									        <button id="btnSearch2" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
											@if(shiro.hasPermission("/orderTransport/export")){
											<button id="btnExp2" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
											@}
										</div>
			                        </div>
			                    </div>
                    			<table class="layui-table" id="orderOutpreparePlatooncarTable" lay-filter="orderOutpreparePlatooncarTable"></table>
							</div>
               			</div>
               		</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
	// 初始化地图对象，加载地图
	var map = new AMap.Map("container", {
		viewMode: '2D',
		zoom: 8,
		// center: [116.397428, 39.90923],
		resizeEnable: true
	});
</script>

<style>
	#view-zong{
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	#view-left{
		width:30%;
	}
	#view-right{
		width:70%;
	}
	#container{
		width: 100%;
		height: 90%;
		overflow: hidden;
		border-radius: 10px;
	}
</style>

<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>
<script type="text/html" id="tableBar0">
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="editDetailed">拆体积</a>
</script>
@}